﻿ @model TumbaloSoft.Helpers.QueryObjects.BusquedaPropietario
@{
    if (ViewBag.permiso == 2)
    {
        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";
    }
    else if (ViewBag.permiso == 3)
    {
        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";
    }
    else
    {
        Layout = "~/Views/Shared/_AdministracionLayout.cshtml";
    }
	ViewBag.Title = "Listado de Propietarios";
}
<script>
	$(document).ready(function () {
		var id = $("#id");

		function updateTips(t) {
			tips
			    .text(t)
			    .addClass("ui-state-highlight");
			setTimeout(function () {
				tips.removeClass("ui-state-highlight", 1500);
			}, 500);
		}

		$("#dialog-form").dialog({
			autoOpen: false,
			height: 600,
			width: 600,
			modal: true,
			buttons: {
				"Buscar": function () {
					document.getElementById('busqueda').submit()
					$(this).dialog("close");
				},
				Cancelar: function () {
					$(this).dialog("close");
				}
			},
			close: function () {
				allFields.val("").removeClass("ui-state-error");
			}
		});

		$("#buscar")
		    .button()
		    .click(function () {
		    	$("#dialog-form").dialog("open");
		    });
	});

</script>
<script>
    function siguientePagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
    }
    function anteriorPagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
   	document.getElementById("busqueda").appendChild(prPage);
   	document.getElementById("busqueda").submit();
   }
</script>
<body id="page5">
	
	<!-- content -->
	<div class="body2">
		<div class="main">
			<section id="content">
				<div class="wrapper">
					<!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
					<article class="col0">
						<nav class="urbangreymenu">
							<h3 class="headerbar">Listado Edificios</h3>
							<ul id="subMenu">
								<li>
									<h5><a href="/Edificios/Modificar?id=@ViewBag.prIdEdificio">Volver al Edificio</a></h5>
								</li>
								
							</ul>
						</nav>
					</article>
					<div id="dialog-form" title="Busqueda de Propietarios">
						<p class="validateTips">Ingrese Los criterios de Busqueda</p>

						<form id="busqueda" method="get" action="/JuntaDePropietarios/Asignar">
                            <div class="row">
								<input type="hidden" name="idEdificio" value="@ViewBag.prIdEdificio">
							</div>
							<div class="row">
								<span>
									<br>Nombre</span>
								<br>@Html.TextBoxFor(model => model.prNombre, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prNombre, null, new { style = "float: none" })
							</div>
							<div class="row">
								<span>
									<br>Apellido Paterno</span>
								<br>@Html.TextBoxFor(model => model.prApellidoPaterno, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prApellidoPaterno, null, new { style = "float: none" })
							</div>
                            <div class="row">
								<span>
									<br>Apellido Materno</span>
								<br>@Html.TextBoxFor(model => model.prApellidoMaterno, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prApellidoMaterno, null, new { style = "float: none" })
							</div>
                            <div class="row">
								<span>
									<br>Codigo de Documento</span>
								<br>@Html.TextBoxFor(model => model.prCodigoDocumento, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prCodigoDocumento, null, new { style = "float: none" })
							</div>
							<div class="row">
								<span>
									<br>Sexo</span>
								<br>
								<ul style="overflow: scroll; overflow-x: hidden; max-height: 7em; max-width: 17em">
										<li>
											<input type="checkbox" name="prGeneros" value="M"/>
											M
										</li>
	                                    <li>
											<input type="checkbox" name="prGeneros" value="F"/>
											F
										</li>
								</ul>
							</div>
						</form>
					</div>
					<article class="col1">
						<!--dentro de div pad2 trabajare mi formulario -->
						<div class="pad2">
							<h2 class="pad_bot1 pad_top1">Lista de Propietarios</h2>

							<form id="ContactForm" method="post">
								<div class="wrapper">
									<br>
									<a id="buscar">Buscar</a>
									<br>
									<br>
									<table border="1" >
										<tr>
											<th>ID</th>
											<th>Nombre</th>
											<th>Apellido Paterno</th>
											<th>Apellido Materno</th>
											<th>DNI</th>
                                            <th>Teléfono</th>
											<th>Miembro</th>
                                            <th>Cargo</th>
										</tr>
										@foreach (var propietario in ViewBag.listaPropietarios)
		{
											<tr>
												<td>@propietario.prIdPropietario</td>
												<td>@propietario.prNombre</td>
                                                <td>@propietario.prApellidoPaterno</td>
                                                <td>@propietario.prApellidoMaterno</td>
												<td>@propietario.prCodigoDocumento</td>
												<td>@propietario.prTelefono</td>
                                                @if(ViewBag.lista.Contains(propietario.prIdPropietario) ){
												<td><input type="checkbox" name="listaSeleccionados" value ="@propietario.prIdPropietario" checked /><input type ="hidden" name ="listaPresentes" value="@propietario.prIdPropietario"></td>
                                                <td><input type="text" name="listaCargos" value ="@ViewBag.listaActivos[ViewBag.lista.IndexOf(@propietario.prIdPropietario)].prCargo" maxlength="250"></td>
                                                }
                                                else{
                                                    <td><input type="checkbox" name="listaSeleccionados" value ="@propietario.prIdPropietario"><input type ="hidden" name ="listaPresentes" value="@propietario.prIdPropietario"></td>
                                                    <td><input type="text" name="listaCargos" value =""></td>
                                                }
											</tr>
		}
									</table>
									<br>
								</div>
                                <div>
                                    @ViewBag.MensajeError
                                </div>
							</form>
                            <br><span style="float: none"><a href="#" class="button" onClick="document.getElementById('ContactForm').submit()">Guardar</a></span>
						</div>
                        <br />
						<span style="float: none">
							@if (ViewBag.prevPage > 0)
	  {
								<a href="javascript:anteriorPagina()">Anterior</a> 
	  }
							| 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
								{
									<a href="javascript:siguientePagina()">Siguiente</a>
								}
						</span>
					</article>
				</div>

			</section>
		</div>
	</div>

	<!-- / content -->

	<script type="text/javascript"> Cufon.now(); </script>

</body>